﻿@using Kendo.Mvc.UI;
@{
    if (!Request.IsAjaxRequest())
    { Layout = "~/Views/Shared/_LayoutNoNavbar.cshtml"; }
    else
    { Layout = null; }
}

@using (@Html.BeginForm()) {

<div class="table-responsive pd40" id="main-dangky">
    <table cellspacing="7" cellpadding="5" class="pb30" id="phieudangky">
        <tbody>
            <tr>
                <td>
                    <p align="center" class="pull-left">
                        <strong>Tập đoàn Điện lực Việt Nam</strong>
                        <br />
                        <strong class="underline">
                            Trường Đại học Điện Lực
                        </strong>
                    </p>
                </td>
                <td>
                    <p align="center" class="pull-right">
                        <strong>
                            CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM
                            <br />
                        </strong>
                        <strong class="underline">
                            Độc lập-Tự do-Hạnh phúc
                        </strong>
                    </p>

                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <p align="center">
                        <h3 style="font-weight:bold; text-align:center; padding-bottom:15px;">PHIẾU ĐĂNG KÝ DỰ THI</h3>
                    </p>
                </td>
            </tr>
            <tr>
                <td colspan="2"> 
                    <div class="col-lg-8 col-md-8">
                        <p>
                            <strong>1. Chuyên ngành đăng ký dự thi : </strong>
                            @(Html.Kendo().DropDownList().Name("MaChuyenNganh")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Chuyên ngành...")
                                  .DataTextField("TenChuyenNganh")
                                  .DataValueField("MaChuyenNganh")
                                  //.BindTo(TS2015.Models.TbChuyenNganh)
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetMajor", "RegistrationManagement")).
                                      ServerFiltering(true);
                                  })
                            )
                        </p>

                    </div>
                    <div class="pull-right">
                        <strong>Khối dự thi: </strong>
                        <strong>
                            @(Html.Kendo().DropDownList().Name("MaKhoiThi")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Khối thi...")
                                  .DataTextField("TenKhoiThi")
                                  .DataValueField("MaKhoiThi")
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetGroup", "RegistrationManagement")).
                                      ServerFiltering(true);
                                  })
                            )
                            @*<input type="text" name="MaKhoi1" value="" class="input-text input-table" />
                            <input type="text" name="MaKhoi2" value="" class="input-text input-table" />*@
                        </strong>
                    </div>
            </tr>
            <tr>
                <td colspan="2">
                    <p>
                        <strong>2. Họ, tên đệm và tên của thí sinh</strong>
                        <i>(Viết đúng như giấy khai sinh bằng chữ in hoa có dấu)</i>
                    </p>
                </td>
            </tr>
            <tr>
                <td valign="top">
                    <p>
                        <input type="text" name="HoDem" class="input-text" style="width:200px;"/>
                        <input type="text" name="Ten" class="input-text" style="width:100px;" />
                    </p>
                </td>
                <td class="pull-right">
                    <p align="center">
                        <b> Giới tính: </b>
                        <strong data-role="listview" data-type="group" data-style="inset">
                            <input type="radio" name="GioiTinh" value="Nam" checked="checked" /> Nam
                            <input type="radio" name="GioiTinh" value="Nữ"/> Nữ
                        </strong>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>
                        <strong>3. Ngày, tháng và năm sinh </strong>
                            @( Html.Kendo().DatePicker()
                                .Name("NgaySinh")
                                .Value(DateTime.Now)
                            )
                    </p>
                    @*<p>
                        (<i>Nếu ngày và tháng sinh nhỏ hơn 10 thì ghi số 0 vào ô đầu</i>)
                    </p>*@
                </td>
                <td valign="top" class="pull-right">
                    
                    @*<table border="0" cellspacing="5" cellpadding="5">
                        <tbody>
                            <tr>
                                <td class="pr15">
                                    <strong>
                                        <input type="text" name="NgaySinh1" value="" class="input-text input-table" />
                                        <input type="text" name="NgaySinh2" value="" class="input-text input-table" />
                                    </strong>
                                </td>
                                <td class="pr15">

                                    <strong>
                                        <input type="text" name="ThangSinh1" value="" class="input-text input-table" />
                                        <input type="text" name="ThangSinh2" value="" class="input-text input-table" />
                                    </strong>
                                </td>
                                <td>
                                    <strong>
                                        <input type="text" name="NamSinh1" value="" class="input-text input-table" />
                                        <input type="text" name="NamSinh2" value="" class="input-text input-table" />
                                    </strong>

                                    <strong>
                                        <input type="text" name="NamSinh3" value="" class="input-text input-table" />
                                        <input type="text" name="NamSinh4" value="" class="input-text input-table" />
                                    </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <p align="center">
                                        <i>Ngày</i>
                                    </p>
                                </td>
                                <td>
                                    <p align="center">
                                        <i>Tháng</i>
                                    </p>
                                </td>
                                <td>
                                    <p align="center">
                                        <i>Năm</i>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>*@
                </td>
            </tr>
            <tr>
                <td valign="top" colspan="2">
                    <p>
                        <strong>4. Dân tộc</strong> (<i>Ghi bằng chữ</i>):
                        @(Html.Kendo().DropDownList().Name("MaDanToc")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Dân tộc...")
                                  .DataTextField("TenDanToc")
                                  .DataValueField("MaDanToc")
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetEthnic", "RegistrationManagement")).
                                      ServerFiltering(true);
                                  })
                        )
                        @*<input type="text" name="DanToc" class="input-text" />*@
                    </p>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="col-lg-10 col-md-10">
                        <strong>
                            5. Thuộc đối tượng ưu tiên
                        </strong>
                        (<i>Nếu không thuộc diện ưu tiên thì để trống</i>):
                        @(Html.Kendo().DropDownList().Name("MaDoiTuong")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Đối tượng...")
                                  .DataTextField("TenDoiTuong")
                                  .DataValueField("MaDoiTuong")
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetPriorityGroup", "RegistrationManagement")).
                                      ServerFiltering(true);
                                  })
                        )
                        <br />
                        
                    </div>
                    @*<div class="pull-right">
                        <strong>
                            <input type="text" name="UuTien1" value="" class="input-text input-table" />
                            <input type="text" name="UuTien2" value="" class="input-text input-table" />
                        </strong>
                    </div>*@
                </td>
            </tr>
            <tr>
                <td valign="top">
                    <p>
                        <strong>6. Hộ khẩu thường trú</strong>:
                        <input type="text" name="QueQuan" value="" class="input-text" />
                    </p>
                </td>
                <td class="pull-right">
                    <table border="0">
                        <tbody>
                            <tr>
                                <td class="pr15">
                                    <strong>
                                        <input type="text" name="MaTinh" value="" class="input-text input-table" />
                                    </strong>
                                </td>
                                <td>
                                    <strong>
                                        <input type="text" name="MaHuyen" style="margin-left:15px;" value="" class="input-text input-table" />
                                    </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <p align="center" style="margin-right:5px;">
                                        <i>Mã tỉnh</i>
                                    </p>
                                </td>
                                <td>
                                    <p align="center" style="margin-left:10px;">
                                        <i>Mã huyện</i>
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <p>
                        <strong>7. Thuộc khu vực:</strong>
                        @(Html.Kendo().DropDownList().Name("MaKhuVuc")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Khu vực...")
                                  .DataTextField("TenKhuVuc")
                                  .DataValueField("MaKhuVuc")
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetArea", "RegistrationManagement")).
                                      ServerFiltering(true);
                                  })
                        )
                    </p>
                </td>
            </tr>
            <tr>
                <td valign="top" colspan="2">
                    <p>
                        <strong>
                            8. Cơ quan công tác :
                            <input type="text" name="HoKhau" value="" class="input-text" />
                        </strong>
                    </p>
                </td>
            </tr>

            <tr>
                <td colspan = "2">
                    <p>
                    <p>
                        <strong>9. Năm tốt nghiệp THPT hoặc tương đương </strong>
                        <input type="text" name="NamTotNghiep" value="" class="input-text" style="width:70px"/>
                </td>
            </tr>
            <tr>
                <td valign="top" colspan="2">
                    <p>
                        <strong>
                            10. Nơi tốt nghiệp :
                            @*<input type="text" name="NoiTotNghiep" value="" class="input-text" />*@
                        </strong>
                        @(Html.Kendo().DropDownList().Name("Truong")
                                  .AutoBind(false)
                                  .OptionLabel("Chọn Trường...")
                                  .DataTextField("TenTruong")
                                  .DataValueField("MaTruong")
                                  .DataSource(dataSource =>
                                  {
                                      dataSource.Read(read => read.Action("GetHighSchool", "HighSchoolManagement")).
                                      ServerFiltering(true);
                                  })
                        )
                    </p>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="col-lg-5 col-md-5">
                    <p>
                        <strong>11. Số minh thư nhân dân:</strong>
                        <input type="text" name="CMND" value="" class="input-text" style="width:100px"/>
                    </p>
                </td>
                
            </tr>
            <tr>
                <td colspan="2">
                    @*<p>
                        <strong>12. Gửi giấy báo dự thi, phiếu báo điểm thi cho ai, theo địa chỉ nào?</strong>
                        <br />
                        <input type="tel" multiple name="HoKhau" value="" class="input-text width-max" />
                    </p>*@
                    <b>Điện thoại :</b>  <input type="tel" multiple name="SoDienThoai" value="" class="input-text" />
                    <b>.Email:</b> <input type="tel" multiple name="Email" value="" class="input-text" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <br />
                    <p>
                        <b>
                            Tôi xin cam đoan những lời khai trong phiếu ĐKDT này là đúng sự thật. Nếu sai tôi xin chịu xử lý theo Qui chế Tuyển sinh của Bộ Giáo dục
                            &amp; Đào tạo
                        </b>
                    </p>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    @*<div class="col-lg-4 col-md-4 col-sm-4">
                        <p style="text-align:justify">
                            <strong><i>Ghi chú</i></strong>
                            : <i>Sau ngày thi, mọi yêu cầu sửa đổi bổ sung nội dung lời khai sẽ không được chấp nhận.</i>
                        </p>
                        <p align="center">
                            <i> Ngày ... tháng ... năm 2015</i>
                            <br />
                            <strong>Chữ ký của thí sinh</strong>
                            <input type="text" name="DanToc" class="input-text" />
                        </p>

                    </div>*@
                    
                    @*<div class="col-lg-4 col-md-4 col-sm-4 pt20 right">
                        <img id="AnhThe" src="~/Uploads/Avatar/avatar.jpg" />
                        <input name="files" id="files" type="file" style="display:none" />
                    </div><br />
                    <div style="margin-top:65px;">
                        <i>(Lưu ý: Bấm hình bên cạnh để tải ảnh thẻ, ảnh thẻ kích thước 3x4 bản mềm)</i>
                    </div>*@
                    @*<div class="col-lg-4 col-md-4 col-sm-4">
                        <p align="center">
                            <b> XÁC NHẬN NGƯỜI KHAI PHIẾU NÀY</b>
                        </p>
                        <p>
                            Đang học lớp/đang thường trú tại
                        </p>
                        <textarea rows="3" name="ThuongTru" style="border:0; width:100%; resize:vertical"
                                  placeholder="............................................................................................................................................"></textarea>
                        <p>
                            <i> Ngày ... tháng ... năm 2015</i>
                        </p>
                        <p>
                            <i> (Ký tên, đóng dấu)</i>
                            <input type="text" name="DanToc" class="input-text" />
                        </p>
                    </div>*@
                </td>
            </tr>
        </tbody>
    </table>
    <hr />
    <div class="btn-group">
            <button class="btn btn-primary" type="submit" ><b>  Đăng ký</b></button> 
        <a href="#" class="btn btn-default">
            Hủy
        </a>
    </div>
</div> 
}
<script>
    $(document).ready(function() {
        $("#NgaySinh").closest(".k-widget")
                    .attr("id", "products_wrapper");

        var dropdownlist = $("#NgaySinh").data("kendoDropDownList"),
            setValue = function(e) {
                if (e.type != "keypress" || kendo.keys.ENTER == e.keyCode)
                    dropdownlist.value($("#value").val());
            },
            setIndex = function(e) {
                if (e.type != "keypress" || kendo.keys.ENTER == e.keyCode) {
                    var index = parseInt($("#index").val());
                    dropdownlist.select(index);
                }
            },
            setSearch = function(e) {
                if (e.type != "keypress" || kendo.keys.ENTER == e.keyCode)
                    dropdownlist.search($("#word").val());
            };

        $("#enable").click(function() {
            dropdownlist.enable();
        });

        $("#disable").click(function() {
            dropdownlist.enable(false);
        });

        $("#readonly").click(function () {
            dropdownlist.readonly();
        });

        $("#open").click(function() {
            dropdownlist.open();
        });

        $("#close").click(function() {
            dropdownlist.close();
        });

        $("#getValue").click(function() {
            alert(dropdownlist.value());
        });

        $("#getText").click(function() {
            alert(dropdownlist.text());
        });

        $("#setValue").click(setValue);
        $("#value").keypress(setValue);

        $("#select").click(setIndex);
        $("#index").keypress(setIndex);

        $("#find").click(setSearch);
        $("#word").keypress(setSearch);
    });
</script>